/*固定样式*/
*{ margin:0; padding:0px;}
html,body,div,span,p,a,img,ul,li,dl,dt,dd,ol,form,label,form{ margin:0; padding:0; border:0; outline:0;font-family:"微软雅黑"} 
body{font-size:12px; background-color:#FFFFFF; font-family:"微软雅黑"}
td{ height:20px;} 
a{font-size:12px; color:#464646; text-decoration:none;} 
a link { color:#000000;}
a:visited{ color:#000000;} 
a:hover{ text-decoration:underline; color:#0868C8;} 
a:active{ color:#0868C8;} 
ol,ul,li{ list-style:none;} 
.cleal{ clear:both;}
a{ text-decoration:none !important;}
em{ font-style:normal;}
.clear{clear:both;}
/*居中设置*/
.call{width:1200px; margin:0 auto;}
ul li,
ul li:hover{
	-webkit-transition:all 1s;
	-ms-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;
	}
/*左右浮动*/
.left{ float:left;}
.right{ float:right;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
*html .clearfix {height: 1%;}


/*banner*/
.banner {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.banner:hover .prev {
  left: 0%;
  opacity: 1;
  filter: alpha(opacity=100);
  
}
.banner:hover .next {
  right: 0%;
  opacity: 1;
  filter: alpha(opacity=100);
}
.banner .prev,
.banner .next {
  width: 41px;
  height: 58px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  z-index: 1;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.banner .prev {
  left: 10%;
  background:url("../images/lr.jpg");
  transition:none;
}

.banner .next {
  right: 10%;
  background: url("../images/lr.jpg") 41px 0;
  transition:none;
}

.banner .prev:hover {
  background-position:-41px 0;
  transition:none;
}

.banner .next:hover {
  background-position:-82px 0;
  transition:none;
}

.banner .hd {
  position: absolute;
  bottom: 20px;
  text-align: right;
  width: 100%;
  right:10%;
  bottom:40px;
  z-index: 1;
}
.banner .hd li {
  width: 8px;
  height: 8px;
  display: inline-block;
  margin: 0 7px;
  background:none;
  cursor: pointer;
  border:1px solid #fff;
  border-radius:8px;
}
.banner .hd li.on {
  background:#fff;
}
.banner .bd {
  width: 100%;
}
.banner .bd li {
  width: 100%;
}
.banner .bd li img { width:100%;}

/*top_info*/
.top_info{ position:absolute; top:16px; left:0px; width:100%;}
.top_info p{ color:#fff;}
.top_info p a{ color:#fff; padding:0 10px;}

/*nav*/
.nav{ position:absolute; left:10%; bottom:30px; background: #008ed5 url(../images/allNav.png) 20px center no-repeat; width:auto; height:76px; padding:0 10px 0 74px;}
.nav > ul > li{ display:inline-block; font-size:14px; color:#fff; line-height:76px; position:relative;}
.nav > ul > li > a{ font-size:14px; color:#fff;padding:0 12px 0 10px;}
.nav > ul > li > .sub_nav{width:82px; position:absolute; left:0px; bottom:76px; text-align:center; background:#f67c15; border-bottom:1px solid #008ed5; display:none; height:auto; min-height:48px;}
.sub_nav  ul  li { line-height:24px; height:24px; position:relative; z-index:999999;}
.sub_nav  ul  li  a{ color:#fff;}
.sub_nav  ul  li  .last_nav{ position:absolute; top:0px; left:82px; border-left:1px solid #008ed5; display:none;width:133px; height:auto;background:#f67c15; min-height:24px;}
.last_nav ul  li { line-height:24px; height:24px;}

.nav > ul > li:hover{ background:#f67c15;}
.sub_nav > ul > li:hover{ background:#008ed5;}
/*logo*/
.logo{width:100%; height:124px; padding-top:20px}
.logo img{ padding:12px 0; width:16%;}
.logo p.name{ font-size:26px; font-family:"微软雅黑"; line-height:108px; margin-left:140px;}
.logo p.hot{background:url(../images/phone.jpg) 15px 0 no-repeat; font-size:20px; color:#085c86; padding-top:40px; margin-top:16px;}
.logo span{ font-size:24px;font-family:"微软雅黑";}

/*about*/
.about{width:100%; height:1000px; background:url(../images/about_bg.jpg) center no-repeat;}
.about .about_nav{width:600px; height:540px; position:relative; text-align:center; margin-top:247px;}
.about .about_nav .up{background:url(../images/co_bg.png) no-repeat; width:236px; height:236px; line-height:236px;position:absolute; left:179px;}
.about .about_nav .to{background:url(../images/brand_bg.png) no-repeat; width:274px; height:274px; line-height:274px;position:absolute;top:120px;}
.about .about_nav a{font-size:24px;font-family:"微软雅黑";}
.about .about_nav .co{top:0px}
.about .about_nav .brand{left:0px;}
.about .about_nav .us{left:320px; background:url(../images/us_bg.png);}
.about .about_nav .us a{ color:#fff; font-size:30px;}
.about .about_nav .ry{top:278px;}
.about .about_nav .big:hover{ animation:linear tada 1s; -webkit-animation:linear tada 1s; -moz-animation:linear tada 1s; -ms-animation:linear tada 1s; -o-animation:linear tada 1s;}


.about .profile{width:600px; height:600px; background:rgba(255,255,255,.7); margin-top:210px; text-align:center;}
.about .profile h3{ font-size:24px; padding-top:50px;}
.about .profile em{ font-size:14px;}
.about .profile p{ margin:10px 32px; background:url(../images/about_txt_bg.png) no-repeat; width:536px; height:348px; font-size:14px; line-height:30px; text-indent:30px; padding-top:10px;text-align: left;}
.about .profile span{width:133px; height:37px; border:1px solid #008ed5; border-radius:37px; text-align:center; line-height:37px; display:inline-block; color:#fff; margin-top:20px;}

/*laws*/
.laws{ width:100%; height:473px;border-bottom:1px dashed #ccc; text-align:center; margin-top:37px;}
.ltitle{ width:210px; height:56px; border:3px solid #008ed5; margin:0 auto;}
.ltitle h3{ font-size:40px; color:#008ed5; background:#fff; width:160px; margin:0 auto; margin-top:-23px; font-weight:normal;}
.ltitle p{ font-size:25px; color:#008ed5; margin-top:-3px;}
.picScroll{ margin:42px auto 0;  position:relative;width:1107px;padding:10px 53px 10px 40px;overflow:hidden;}
.picScroll .tempWrap{ width:1124px !important;}
.picScroll .prev,
.picScroll .next{ display:block; position:absolute; top:140px; left:5px; width:36px; height:144px; background:url(../images/lr2.jpg) no-repeat;}
.picScroll .next{ left:auto; right:0px; background-position:-108px 0; }
.picScroll .next:hover{ background-position:-72px 0;}
.picScroll .prev:hover{ background-position:-36px 0;}
.picScroll ul{ overflow:hidden; zoom:1;padding-top:16px !important; }
.picScroll ul li{ width:277px; height:277px; float:left;margin:0 50px; text-align:center; position:relative; border-radius:277px; border:2px solid #343434;}
.picScroll ul li a img{ width:252px; height:252px; border-radius:252px; padding:12px;}
.picScroll ul li .law_txt{width:252px; height:252px;position:absolute; top:12px; left:12px; border-radius:252px; background:rgba(0,0,0,.3); display:none;}
.picScroll ul li .law_txt h3{ font-size:14px; color:#fff; font-weight:normal; margin:80px 0 20px; line-height:24px;}
.picScroll ul li .law_txt span{ width:119px; height:39px; border:3px solid #fff45c; display:inline-block; border-radius:39px; text-align:center; line-height:39px; color:#fff; font-size:16px;}
.picScroll ul li:hover{ border-color:#008ed5;}
.picScroll ul li:hover .law_txt{ display:block;}


/*.service*/
.service{ text-align:center;margin-top:37px;}
.service .s_nav li{ display:inline-block;width:116px; height:35px; border:1px solid #f0a456; border-radius:35px; text-align:center; line-height:35px; margin:50px 34px 0;}
.service .s_nav li:hover,
.service .s_nav li.on{ background:#008ed5; border-color:#008ed5;}
.service .s_nav li:hover a,
.service .s_nav li.on a{ color:#fff;}
.service .douban{ position:relative; margin-top:68px;}
.service .douban .bd{ overflow:hidden;}
.service .douban .bd ul{overflow:hidden; zoom:1;}
.service .douban .bd ul li{ float:left; width:268px; height:286px; background:#fff; overflow:hidden;text-align:center; margin:0 13px; position:relative; border:3px solid #fff;}
.service .douban .hd{width:auto; height:74px; line-height:22px; margin:0 auto;   }
.service .douban .hd ul{width:auto; zoom:1; display:inline-block; margin:40px auto 0; }
.service .douban .hd ul li{cursor:pointer; display:inline-block; width:10px; height:10px; margin:0 5px; _display:inline; background:#aaaaaa;border-radius:10px; text-indent:-9999px; line-height:38px;}
.service .douban .hd ul li.on{ background:#dcdcdc;}
.service .douban .prev,
.service .douban .next{ background:url(../images/lr.png) no-repeat;width:38px; height:38px; display:inline-block; background-position:-38px 0; margin:0 5px}
.service .douban .prev{}
.service .douban .next{ background-position: -76px 0;}
.service .douban .nextStop{background-position:-114px 0; }
.service .douban .prevStop{background-position:0px; }
.service .douban ul li p{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/s_more.png) center no-repeat; display:none;}
.service .douban ul li:hover p{ display:block;}
.service .douban ul li:hover{ border-color:#008ed5;}

/*news*/
.news{width:100%; height:644px; background:url(../images/news_bg.jpg) center no-repeat; margin-top:20px;padding-top:60px;text-align:center;}
.news .ltitle{ border-color:#fff; background:url(../images/news.png) 0px 24px no-repeat; border:none; height:83px}
.news .ltitle h3,
.news .ltitle p{ color:#eb8318; background:none;}
.news .n_nav li{ display:inline-block;width:117px; height:35px;text-align:center; line-height:35px; margin:50px 34px 0;}
.news .n_nav li a{color:#eb8318;}
.news .n_nav li:hover,
.news .n_nav li.on{background:url(../images/n_nav_bg.png) no-repeat;}
.news .n_nav li:hover a,
.news .n_nav li.on a{ color:#fff;}
.news .news_list ul li{ width:992px; height:66px; line-height:66px; background:#000; margin:10px 0; display:inline-block;}
.news_txt{width:837px;}
.news_txt i{width:8px; height:8px; border-radius:8px; background:#fff; float:left;margin: 30px 10px 0 30px;}
.news_txt a{ float:left; color:#fff; font-size:18px;font-family:"微软雅黑";}
.news_txt span{ font-size:16px; float:right; color:#fff; margin-right:80px;}
.news_more span{ color:#fff; font-size:58px;width:92px; height:92px; display:block; line-height:80px; margin-top:-13px;}
.news .news_list ul li:hover .news_txt{ background:#008ed5;}
.news .news_list ul li:hover .news_more span{ background:url(../images/news_more.png) no-repeat;}
.news .n_more{ width:129px; height:44px; color:#008ed5; line-height:44px; display:inline-block; background:#fff; font-size:18px; margin-top:10px;}

/*comm*/
.comm{ text-align:center; margin-top:60px;}
.comm_list{ margin-top:20px;}
.comm_list li{ float:left; width:276px; height:271px; overflow:hidden; background:#e1e1e1; margin:12px;}
.comm_list li .comm_img{ width:100%; height:227px; overflow:hidden;}
.comm_list li p{ line-height:42px; text-align:center; font-size:20px;}
.comm_list li p a{ font-size:20px;font-family:"微软雅黑";}
.comm_list li:hover{ background:#008ed5; }
.comm_list li:hover a{ color:#fff;}
.comm_list li:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s;transition:all 0.2s;}
/*contact*/
.contact{width:100%; height:589px; background:url(../images/con_bg.jpg) center no-repeat; text-align:center; margin-top:40px; padding-top:60px;}
.contact .ltitle{ border-color:#fff; background:url(../images/news.png) 0px 24px no-repeat; border:none; height:83px}
.contact .ltitle h3,
.contact .ltitle p{ color:#fff; background:none;}
.contact .cont{width:327px; height:443px; background:rgba(255,255,255,.8); text-align:left;padding:0 25px; margin-top:30px;}
.contact h2{ font-size:22px; color:#008ed5; margin-top:16px; margin-bottom:20px;}
.contact h2 span{ font-size:18px;}
.contact .cont p{ font-size:18px; color:#353535; line-height:38px;}
.zmessage{ margin-top:30px; width:684px; height:443px; padding:0 25px; background:rgba(255,255,255,.8); text-align:left;}
.zmessage .ewm{ margin-right:80px; text-align:center; margin-top:30px;}
.zmessage .ewm p{padding-top:20px;}
.liu{ width:357px; height:500px; margin:auto;margin-top:0px;}
.liu .pl_box{ margin-bottom:25px;}
.liu .pl_box span{ width:65px; float:left; font-size:18px; color:#000; line-height:38px;}
.liu .pl_box input{ width:277px; padding:5px; font-size:16px; color:#000;box-shadow: 4px 5px 4px #939292;font-family:"微软雅黑"; }
.liu .pl_box #i_content{ width:277px; padding:5px; font-size:16px; color:#000; height:140px;box-shadow: 4px 5px 4px #939292;font-family:"微软雅黑"; }
.liu .fbplanniu #btn-success{ width:80px; line-height:30px; height:30px; text-align:center; line-height:30px; font-size:14px; font-family:"微软雅黑"; background:#f30000; display:block;margin-left: 67px; transition:0.3s; color:#fff;} 
.liu .fbplanniu #btn-success:hover{ background:#5f5f5f;}


/*flink*/
.flink{ margin:20px;}
.flink ul{width:100%;display:block; height:37px;}
.flink ul li{ float:left; margin:5px 10px;}
.flink ul li:first-child{font-size:20px; margin:5px 0;}
.flink ul li a{ font-size:18px;}

/*footer*/
.footer{ width:100%; height:85px;background:#008ed5; text-align:center; padding-top:20px;}
.footer_nav li{display:inline-block; color:#fff; font-size:14px;}
.footer_nav li a{ padding:0 20px; font-size:14px; color:#fff;}
.footer span{ display:inline-block; background:#fff; width:900px; height:1px; margin:20px 0 13px;}
.footer p,
.footer p a{ color:#fff; font-size:14px;}